.login {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  background-size: cover;
  background-attachment: fixed;
  background-image: url('../../imgs/loginAccount.jpg');
  
  .loginBox {
    width: 420px;
    min-height: 320px;
    margin-right: 12%;
    margin-top: -4%;
    border-radius: 4px;
    padding-bottom: 24px;
    background-color: #ffffffc2;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 15px;

    .header {
      height: 48px;
      line-height: 48px;
      font-size: 1.3em;
      border-bottom: 1px solid #ddd;
      padding-left: 24px;
    }

    .form {
      width: 80%;
      margin: 42px auto 0;
    }
    .helpText {
      color: #666;
      text-align: right;
      margin-top: -8px;

      > span {
        cursor: pointer;
        &:hover {
          color: #ff6a00;
        }
      }
    }
    .orangeBtn {
      color: #fff;
      background-color: #ff6a00;
      border-color: #ff6a00;
      height: 42px;
      line-height: 42px;
    }
  }
}
